<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ie ie6 lt-ie9">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ie ie7 lt-ie9">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="ie ie8 lt-ie9">
<![endif]-->
<!--[if gte IE 9]>
<html class="ie ie9">
<![endif]-->
<!--[if !(IE)]><!-->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="./public/img/loves2.png" />
    <title>我和lly的故事</title>
</head>

<body>
    <div class="full-screen first-twenty-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen nine-ten-screen animated">
        <image src="./public/img/cry.png">
            <p class="titles"></p>
    </div>
    <div class="full-screen eight-ten-screen animated">
        <image src="./public/img/miss.png" alt="365天">
            <p class="titles"></p>
    </div>
    <div class="full-screen seven-ten-screen animated">
        <image src="./public/img/lifes.jpg" alt="生活">
            <p class="titles"></p>
    </div>
    <div class="full-screen six-ten-screen animated">
        <image src="./public/img/hands2.jpg" alt="面对困难">
            <p class="titles"></p>
    </div>
    <div class="full-screen fifth-ten-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen fourth-ten-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen thir-ten-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen second-ten-screen animated">
        <!-- <imgae src="./public/img/sprite.png" /> -->
        <p class="titles"></p>
    </div>
    <div class="full-screen elev-screen animated">
        <h3 class="titles"></h3>
        <!-- <image src="./public/img/mylife2.jpg" alt="生活"> -->
    </div>
    <div class="full-screen ten-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen nine-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen eight-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen rain-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen seven-screen animated">
        <image src="./public/img/meet2.jpg" alt="相遇">
            <h3 class="titles"></h3>
    </div>
    <div class="full-screen six-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen fifth-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen fourth-screen animated">
        <image src="./public/img/work2.jpg" alt="工作" />

        <p class="titles"></p>
    </div>
    <div class="full-screen third-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen second-screen animated">
        <p class="titles"></p>
    </div>
    <div class="full-screen first-screen animated">
        <image src="./public/img/story.png" />
        <p class="titles"></p>
        <h3 class="summary">按键盘"<span>↓</span>"阅读我们的故事</h3>
    </div>
    <div class="full-screen wraper">

    </div>
    <audio id="bgm" src="./public/videos/canon.mp3" preload="auto" loop="loop" autoplay="autoplay"
        type="audio/mp3"></audio>
</body>

</html>